<template>

  <div class="w-100">
    <h1>v-resize</h1>
    <div class="d-box" v-resize:[form]="ResizeHandler">我是div1</div>
    <div class="d-box">我是div2</div>

  </div>
</template>

<script lang="ts" setup>
import { debounce } from "lodash-unified"
//import { reactive } from "vue";
const form = reactive({
  name: "张三",
  age: 23,
})

const ResizeHandler = debounce((size) => { 
  console.log("size: ", size)
},300)
</script>


<style lang="scss" scoped>
  .d-box{
    width: 100%;
    height: 100px;
    border: 1px solid black;
  }
</style>